<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Student Information Management System</title>
   
    <link rel="stylesheet" href="../css/zz1.css" />
    <!-- <link rel="stylesheet" href="../js/bootstrap-3.4.1-dist/css/bootstrap.min.css"> -->
   
  </head>

  <body   id="xuyuehui">
    <div>
      <header  >
        <h1 class="w"  id="xuyuehd"><span></span> 续约审批</h1>
      </header>
      <main>
        <div class="w">
          <div class="chaxun">
           
            <span>
              合同编号：
              <input
                type="number"
                name=""
                id="htbh"
                placeholder="12345"
                maxlength="6"
              />
            </span>
            <button class="glyphicon glyphicon-search "  id="btn1">查询</button>
            <button class="glyphicon glyphicon-plus " id="add">新增</button>
            <button class="glyphicon glyphicon-refresh" id="cz">重置</button>
        
          </div>
          <div id="adbt">
            
            
          <table>
            <tbody id="chaxun">
              <tr id="thead">
                 
                <th>序号</th>
                <th>合同编号</th>
                <th>签约企业</th>
                <th>企业类型</th>
                <th>合同类型</th>
                <th>审批状态</th>
                <th>发起人员</th>
                <th>提交时间</th>
                <th>审批流程</th>
                <th>审批时间</th>
                <th>操作</th>
              </tr>
            </tbody>
          </table>
          <div id="navigate">
            <div id="tpbt">
              <button id="lastpage">上一页</button>
              <button id="nextpage">下一页</button>
            </div>
            <p>
              第<span id="pgn"></span>页,共<span id="en"></span>条
            </p>
            <!--Number of entries-->
           
          </div>
        </div>
      </main>
    </div>
    <!-- <div id="sbg"></div> -->
    <!--增删改查时的阴影背景-->
    <div class="achaesi" id="asi">
      <!--    <form action="" method="post">-->
      <h2>新增续约审批</h2>
      <div class="ifm">
        <div>
          <label for="assn">合同编号</label>
          <input
            id="assn"
            type="text"
            placeholder="12235"
            required="required"
            maxlength="6"
          />
        </div>
        <div>
          <label for="asn">企业名称</label>
          <input
            id="asn"
            type="text"
            placeholder="周周公司"
            required="required"
            minlength="1"
            maxlength="8"
          />
        </div>
        <div>
          <label for="asac">企业类型</label>
          <input
            id="asac"
            type="text"
            placeholder="一般/高新/小巨人"
            required="required"
            minlength="1"
            maxlength="10"
          />
        </div>
        <div>
          <label for="asm">合同类型</label>
          <input
            id="asm"
            type="text"
            placeholder="未到期"
            required="required"
          />
        </div>
        <div>
          <label for="asg">审批状态</label>
          <input
            id="asg"
            type="text"
            placeholder="已通过"
            required="required"
          />
        </div>
        <div>
          <label for="asc">发起人员</label>
          <input
            id="asc"
            type="text"
            placeholder="未到期"
            required="required"
            maxlength="3"
          />
        </div>
        <div>
          <label for="asc">提交时间</label>
          <input
            id="asc"
            type="text"
            placeholder="生效"
            required="required"
            maxlength="3"
          />
        </div>
        <div>
          <label for="asag">审批流程</label>
          <input id="asag" type="text" placeholder="张山" required="required" />
        </div>

        <div>
          <label for="asag">审批时间</label>
          <input
            id="asag"
            type="text"
            placeholder="2023-2-29"
            required="required"
          />
        </div>
      </div>
      <hr />
      <div class="scbt">
        <button type="submit" id="submit">提交</button>
        <button class="cancel">取消</button>
      </div>
      <!--    </form>-->
    </div>
    <div class="achaesi" id="chasi">
      <!--    <form action="" method="post">-->

      <!-- 修改企业信息 -->
      <h2>修改企业信息</h2>
      <div class="ifm">
        <div>
          <label for="chassn">合同编号</label>
          <input id="chassn" type="text" readonly required="required" />
        </div>
        <div>
          <label for="chasn">企业名称</label>
          <input id="chasn" type="text" required="required" />
        </div>
        <div>
          <label for="chasac">企业类型</label>
          <input id="chasac" type="text" required="required" />
        </div>
        <div>
          <label for="chasm">合同类型</label>
          <input id="chasm" type="text" required="required" />
        </div>
        <div>
          <label for="chasg">审批状态</label>
          <input id="chasg" type="text" />
        </div>
        <div>
          <label for="chasc">发起人员</label>
          <input id="chasc" type="text" required="required" />
        </div>
        <div>
          <label for="chasc">提交时间</label>
          <input id="chasc" type="text" required="required" />
        </div>
        <div>
          <label for="chasc">审批时间</label>
          <input id="chasc" type="text" required="required" />
        </div>
        <div>
          <label for="chasag">审批时间</label>
          <input id="chasag" type="text" required="required" />
        </div>
      </div>
      <hr />
      <div class="scbt">
        <button type="submit" id="save">保存</button>
        <button class="cancel">取消</button>
      </div>
      <!--    </form>-->
    </div>

    <!-- 查看 -->
    <div class="achaesi" id="chesi">
      <h2>企业信息</h2>
      <div class="ifm">
        <div>
          <label for="chessn">合同编号</label>
          <input type="text" readonly id="chessn" />
        </div>
        <div>
          <label for="chesn">企业名称</label>
          <input type="text" readonly id="chesn" />
        </div>
        <div>
          <label for="chesac">企业类型</label>
          <input type="text" readonly id="chesac" />
        </div>
        <div>
          <label for="chesm">合同类型</label>
          <input type="text" readonly id="chesm" />
        </div>
        <div>
          <label for="chesg">审批状态</label>
          <input type="text" readonly id="chesg" />
        </div>
        <div>
          <label for="chesc">发起人员</label>
          <input type="text" readonly id="chesc" />
        </div>
        <div>
          <label for="chesag">提交时间</label>
          <input type="text" readonly id="chesag" />
        </div>
        <div>
          <label for="chesag">审批流程</label>
          <input type="text" readonly id="chesag" />
        </div>
        <div>
          <label for="chesag">审批时间</label>
          <input type="text" readonly id="chesag" />
        </div>
      </div>
      <hr />
      <div class="scbt">
        <button class="cancel">取消</button>
      </div>
    </div>


    <script src="../js/JQ/jquery.js"></script>
    <!-- <script src="../js/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script> -->
    <script src="../js/layer-v3.5.1/layer/layer.js"></script>
    <script src="../js/zz.js/zzdata.js"></script>
    <script src="../js/zz.js/XuYue_zz.js"></script>
  </body>
</html>
